.market-flex-box {
  display: flex;
  justify-content: space-around;

  margin-bottom: 30px;
  margin-top: 20px;


  .market-flex-item {
    border: 1px solid #eeeeee17;
    border-radius: 4px;
    width: 291px;
    margin-right: 12px;
    padding-bottom: 20px;

    .market-flex-text {
      display: flex;
      padding: 24px 12px;
      align-items: center;

      .flex-icon {
        flex: 1;
        margin-left: 2px;
      }

      .flex-icon-size {
        font-size: 16px;
        cursor: pointer;
      }

      .market-flex-title {
        color: var(--button-background);
        font-weight: 500;
        font-size: 22px;
      }

      .market-flex-icon {
        color: #999999;
      }
    }


  }
}

.req-flex {
  display: flex;
  padding-left: 12px;
  padding-right: 12px;

  &>div:nth-child(1) {
    margin-right: 28px;
  }

  &>div:nth-child(2) {
    margin-right: 9px;
  }

  &>div:nth-child(3) {
    margin-right: 0px;
  }

  .req-flex-title {
    color: #999999;
    font-size: 12px;
  }

  .req-flex-right{
    text-align: right;
  }

  .req-flex-img {
    img {
      width: 22px;
      height: 22px;
    }
  }
}

.flex-reqs {
  display: flex;
  align-items: center;
  margin-top: 20px;

  .flex-reqs-btc {
    margin-left: 4px;

    .flex-reqs-text {
      color: var(--button-background) !important;
      font-size: 14px;



    }

    .flex-reqs-me {
      margin-left: 3px;
    }


  }

  .flex-reqs-amt {
    color: var(--button-background) !important;
    font-size: 14px;
    margin-top: 3px;
  }

  .flex-reqs-color {
    color: #00C087;
    margin-top: 3px;
    font-size: 14px;
    text-align: right;
    width: 100%;
  }

  .flex-reqs-red {
    color: #F34A68;
    text-align: right;
    width: 100%;
    margin-top: 3px;
    font-size: 14px;
  }
}